<!DOCTYPE html>
<!-- Template Name: Rapido - Responsive Admin Template build with Twitter Bootstrap 3.x Version: 1.0 Author: ClipTheme -->
<!--[if IE 8]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
<!--[if !IE]><!-->
<html lang="en">
	<!--<![endif]-->
	<!-- start: HEAD -->
	<head>
		<title>添加分类</title>
		<!-- start: META -->
		<meta charset="utf-8" />
		<!--[if IE]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta content="" name="description" />
		<meta content="" name="author" />
		<!-- end: META -->
		<!-- start: MAIN CSS -->
		<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="plugins/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="plugins/iCheck/skins/all.css">
		<link rel="stylesheet" href="plugins/perfect-scrollbar/src/perfect-scrollbar.css">
		<link rel="stylesheet" href="plugins/animate.css/animate.min.css">
		<link rel="stylesheet" href="css/styles.css">
		<link rel="stylesheet" href="css/styles-responsive.css">
		<link rel="stylesheet" href="css/plugins.css">
		<link rel="stylesheet" href="css/themes/theme-default.css" type="text/css" id="skin_color">
		<link rel="stylesheet" href="css/print.css" type="text/css" media="print"/>
		<link rel="stylesheet" href="plugins/SweetAlert/sweetalert.css" />
		<!-- end: CORE CSS -->
		<link rel="shortcut icon" href="favicon.ico" />
	</head>
	<body>
		<!-- end: SLIDING BAR -->
		<div class="main-wrapper">
			<!-- start: TOPBAR -->
			<header class="topbar navbar navbar-inverse navbar-fixed-top inner">
				<!-- start: TOPBAR CONTAINER -->
				<div class="container">
					<div class="navbar-header">
						<a class="sb-toggle-left hidden-md hidden-lg" href="#main-navbar">
							<i class="fa fa-bars"></i>
						</a>
						<!-- start: LOGO -->
						<a class="navbar-brand" href="index.html">
							<img src="images/logo.png" alt="Rapido"/>
						</a>
						<!-- end: LOGO -->
					</div>
					<div class="topbar-tools">
						<!-- start: TOP NAVIGATION MENU -->
						<ul class="nav navbar-right">
							<!-- start: USER DROPDOWN -->
							<li class="dropdown current-user">
								<a data-toggle="dropdown" data-hover="dropdown" class="dropdown-toggle" data-close-others="true" href="#">
									<img src="images/avatar-1-small.jpg" class="img-circle" alt=""> <span class="username hidden-xs">Admin</span> <i class="fa fa-caret-down "></i>
								</a>
								<ul class="dropdown-menu dropdown-dark">
									<li>
										<a href="pages_user_profile.html">
											个人资料
										</a>
									</li>
									<li>
										<a href="pages_calendar.html">
											日程安排
										</a>
									</li>
									<li>
										<a href="pages_messages.html">
											信息
										</a>
									</li>
									<li>
										<a href="login_lock_screen.html">
											锁定屏幕
										</a>
									</li>
									<li>
										<a href="login_login.html">
											注销
										</a>
									</li>
								</ul>
							</li>
						</ul>
						<!-- end: TOP NAVIGATION MENU -->
					</div>
				</div>
				<!-- end: TOPBAR CONTAINER -->
			</header>
			<!-- end: TOPBAR -->
			<!-- start: PAGESLIDE LEFT -->
			<a class="closedbar inner hidden-sm hidden-xs" href="#">
			</a>
			<nav id="pageslide-left" class="pageslide inner">
				<div class="navbar-content">
					<!-- start: SIDEBAR -->
					<div class="main-navigation left-wrapper transition-left">
						<div class="navigation-toggler hidden-sm hidden-xs">
							<a href="#main-navbar" class="sb-toggle-left">
							</a>
						</div>
						<div class="user-profile border-top padding-horizontal-10 block">
							<div class="inline-block">
								<img src="images/avatar-1.jpg" alt="">
							</div>
							<div class="inline-block">
								<h5 class="no-margin"> Welcome </h5>
								<h4 class="no-margin">管理员</h4>
								<a class="btn user-options sb_toggle">
									<i class="fa fa-cog"></i>
								</a>
							</div>
						</div>
						<!-- start: MAIN NAVIGATION MENU -->
						<ul class="main-navigation-menu">
							<li class="active open">
								<a href="index.html"><i class="fa fa-home"></i> <span class="title">仪表盘 </span></a>
							</li>
							<li>
								<a href="javascript:void(0)"><i class="fa fa-desktop"></i> <span class="title">分类管理 </span><i class="icon-arrow"></i></a>
								<ul class="sub-menu">
									<li>
										<a href="classManager.html">dropdown</a>
										<span class="title"></span>
									</li>
									<li>
										<a href="classManager.html">dropdown</a>
										<span class="title"></span>
									</li>
									<li>
										<a href="classManager.html">dropdown</a>
										<span class="title"></span>
									</li>
								</ul>
							</li>
							<li>
								<a href="javascript:void(0)"><i class="fa fa-cogs"></i> <span class="title">文章管理 </span><i class="icon-arrow"></i></a>
								<ul class="sub-menu">
									<li>
										<a href="ArticleManager.html">article1</a>
									</li>
									<li>
										<a href="ArticleManager.html">article1</a>
									</li>
									<li>
										<a href="ArticleManager.html">article1</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="javascript:void(0)"><i class="fa fa-th-large"></i> <span class="title">食物管理 </span> </a>
								<ul class="sub-menu">
									<li>
										<a href="foodManager.html">label1</a>
									</li>
									<li>
										<a href="foodManager.html">label1</a>
									</li>
									<li>
										<a href="foodManager.html">label1</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="userManager.html"><i class="fa fa-pencil-square-o"></i> <span class="title">用户管理 </span></a>
							</li>
							<li>
								<a href="javascript:void(0)"><i class="fa fa-user"></i> <span class="title">免费合同</span></a>
							</li>
							<li>
								<a href="javascript:void(0)"><i class="fa fa-code"></i> <span class="title">链接管理</span></a>
							</li>
							<li>
								<a href="javascript:void(0)"><i class="fa fa-cubes"></i> <span class="title">系统设置</span></a>
							</li>
						</ul>
						<!-- end: MAIN NAVIGATION MENU -->
					</div>
					<!-- end: SIDEBAR -->
				</div>
				<div class="slide-tools">
					<div class="col-xs-6 text-left no-padding">
						<a class="btn btn-sm status" href="#">
							Status <i class="fa fa-dot-circle-o text-green"></i> <span>Online</span>
						</a>
					</div>
					<div class="col-xs-6 text-right no-padding">
						<a class="btn btn-sm log-out text-right" href="login_login.html">
							<i class="fa fa-power-off"></i> Log Out
						</a>
					</div>
				</div>
			</nav>
			<div class="main-container inner">
				<div class="main-content">
					<div class="container-fluid">
						<div class="row bt">
				            <div class="col-lg-12 bg">
				                <ol class="breadcrumb">
				                    <li class="active">
				                        <i class="fa  fa-fw fa-reorder"></i>添加分类
				                    </li>
				                </ol>
				            </div>
				        </div>
						
						<form action="#" method="post">
							<div class="form-group">
								<label for="title">分类标题</label>
								<input type="text" placeholder="输入分类标题" id="title" class="form-control" name="title" />
							</div>
							<div class="form-group">
								<label for="title">父分类</label>
								<select class="form-control" id="pid" name="pid">
									<option value="">顶级分类</option>
									<option value="">后台</option>
									<option value="">PHP</option>
								</select>
							</div>
							<div class="form-group">
								<label for="title">分类别名</label>
								<input type="text" placeholder="输入分类别名,不能和其他分类别名重复" id="name" class="form-control" name="name" />
							</div>
							<div class="form-group">
								<label for="title">关键词</label>
								<input type="text" placeholder="请输入SEO关键词(选填)" id="keywords" class="form-control" name="keywords" />
							</div>
							<div class="form-group">
								<label for="title">描述信息</label>
								<textarea placeholder="请输入分类描述（选填" class="form-control" rows="10" cols="30" id="description" name="description"></textarea>
							</div>
							<button class="btn btn-primary demo_2" type="button" id="submit">添加</button>
						</form>   
					</div>
					<div class="subviews">
						<div class="subviews-container"></div>
					</div>
				</div>
				<!-- end: PAGE -->
			</div>
			<!-- end: MAIN CONTAINER -->
			<!-- start: SUBVIEW SAMPLE CONTENTS -->
			<!-- *** NEW NOTE *** -->
			
		<!-- start: MAIN JAVASCRIPTS -->
		<!--[if lt IE 9]>
		<script src="plugins/respond.min.js"></script>
		<script src="plugins/excanvas.min.js"></script>
		<script type="text/javascript" src="plugins/jQuery/jquery-1.11.1.min.js"></script>
		<![endif]-->
		<!--[if gte IE 9]><!-->
		<script src="plugins/jQuery/jquery-2.1.1.min.js"></script>
		<!--<![endif]-->
		<script src="plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js"></script>
		<script src="plugins/bootstrap/js/bootstrap.min.js"></script>
		<script src="plugins/iCheck/jquery.icheck.min.js"></script><!--文本框-->
		<script src="plugins/perfect-scrollbar/src/jquery.mousewheel.js"></script>
		<script src="plugins/perfect-scrollbar/src/perfect-scrollbar.js"></script>
		<script src="plugins/bootbox/bootbox.min.js"></script><!--弹出框-->
		<script src="plugins/jquery.scrollTo/jquery.scrollTo.min.js"></script>
		<script src="plugins/ScrollToFixed/jquery-scrolltofixed-min.js"></script><!--固定页面元素-->
		<script src="plugins/velocity/jquery.velocity.min.js"></script><!--动画插件-->
		<script src="plugins/SweetAlert/sweetalert.min.js"></script><!--alert插件-->
		<script>
            $(function() {
            	
                $(".demo_2").click(function() {
                    swal("Good!", "弹出了一个操作成功的提示框", "success");
                });
            });
        </script>
		<script src="js/index.js"></script>
		<script src="js/main.js"></script>
		<script>
			jQuery(document).ready(function() {
				Main.init();
				SVExamples.init();
				Index.init();
			});
		</script>
	</body>
	<!-- end: BODY -->
</html>
